<template>
	<div>
		<view class="wrap-footer safe-area flex align-center just-center">
			<view class="footer-btn f-28 fBold" @click.stop="onClick">
				{{ btnTitle }}
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		props: {
			btnTitle: {
				type: String,
				default: "",
			},
		},
		data() {
			return {};
		},
		methods: {
			/**
			 * 点击事件
			 */
			onClick() {
				this.$emit("onClick");
			},
		},
	};
</script>

<style lang="scss" scoped>
	.wrap-footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 128rpx;
		background-color: white;
		z-index: 30;

		.footer-btn {
			width: 698rpx;
			height: 94rpx;
			line-height: 94rpx;
			text-align: center;
			background: $grad-theme-color;
			color: $bg-text-color;
			border-radius: 50rpx;
			overflow: hidden;
		}
	}
</style>
